import Vue from 'vue' // 导入Vue库
import VueRouter from 'vue-router' // 导入Vue Router库
import MainShow from '../components/MainShow.vue' // 导入主显示组件

Vue.use(VueRouter) // 使用Vue Router插件

// 定义路由配置
const routes = [
    {
        path: '/', // 路径为根路径
        name: 'MainShow', // 路由名称为MainShow
        component: MainShow, // 组件为MainShow
        redirect: '/home', // 默认重定向到/home路径
        children: [ // 子路由配置
            {
                path: '/home', // 子路由路径为/home
                name: 'home', // 子路由名称为home
                component: () => import('../components/home') // 懒加载子组件home
            }
        ]
    },
    {
        path: '/login', // 路径为/login
        name: 'login', // 路由名称为login
        component: () => import('../components/login/LoginShow.vue') // 懒加载登录组件
    }
]

// 创建路由实例
export default new VueRouter({
    mode: 'history', // 使用HTML5的history模式
    routes // 路由配置
})